<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>大数据融合与挖掘分析平台</title>
		<link rel="stylesheet" type="text/css" href="/layui/css/layui.css">
		<link href="/css/common.css" type="text/css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="/css/nav.css">
		<link rel="stylesheet" type="text/css" href="/css/iconfont.css">
		<link href="/css/bootstrap.min.css" title="" rel="stylesheet" />
		<link title="" href="/css/body.css" rel="stylesheet" type="text/css" />
		<link title="" href="/css/style.css" rel="stylesheet" type="text/css" />
		<link title="blue" href="/css/dermadefault.css" rel="stylesheet" type="text/css" />
		<link title="green" href="/css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link title="orange" href="/css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link href="/css/templatecss.css" rel="stylesheet" title="" type="text/css" />
		<script src="/js/jquery-1.11.1.min.js" type="text/javascript"></script>
		<script src="/layui/layui.js"></script>
		<script src="/js/alert.js"></script>
		<script src="/js/echarts.min.js"></script>
		<script src="/js/jquery.cookie.js" type="text/javascript"></script>
		<script src="/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="/js/style.js"></script>
		<!--angular ui--->
		<link rel="stylesheet" title="" type="text/css" href="/css/ui-layout.css" />
		<script src="/js/angular.min.js"></script>
		<script src="/js/ui-layout.js"></script>
	</head>
	<body>
		<!-- 头部导航 -->
		<div class="jzy_w_max jzy_h_50 br_12">
			<!--菜单1-->
			<div class="jzy_h_50 br_12 br_11_hove lt top-txt">
				<a class="cr_h_0 fs_14" href="">大数据融合与挖掘分析平台</a>
			</div>
			<!--头像-->
			<div class="jzy_w_50 jzy_h_50 br_12 br_11_hove rt top-txt logo" style="padding-top:0px !important;">
				<img class="jzy_boy_18" src="/images/touxiang.jpg" width="36" height="36">
				<!-- 头像下拉菜单 -->
				<div class="jzy_w_270 jzy_h_408 br_h_0 top_nav" style="height: 250px !important;">
					<!--头像跟用户名-->
					<div class="jzy_w_max jzy_h_50 lt" style="margin-top: 15px"><img class="jzy_boy_18" src="/images/touxiang.jpg"
						 width="36" height="36"></div>
					<div class="jzy_w_max jzy_h_30 lt" style="line-height: 30px; border-bottom: 1px solid #e2e2e2">17812100232</div>
					<!--用户公共操作权限-->
					<div class="jzy_w_250 jzy_h_250 lt" style="padding: 10px; height: 100px;">
						<div class="jzy_w_80 jzy_h_80 lt br_h_2_hove">
							<a>
								<p class="jzy_h_30"><img src="/images/icon/jbzl.png"></p>基本资料
							</a>
						</div>
						<div class="jzy_w_80 jzy_h_80 lt br_h_2_hove">
							<a>
								<p class="jzy_h_30"><img src="/images/icon/smrz.png"></p>基本资料
							</a>
						</div>
					</div>
					<!--退出登录-->
					<div class="jzy_w_max jzy_h_42 lt br_h_9" style="background: #f5f5f6; line-height: 45px"><a href="/index">退出平台</a></div>
				</div>
			</div>
			<!--菜单3-->
			<div class="jzy_w_90 jzy_h_50 br_12 br_11_hove rt top-txt">
				<a class="cr_h_0 fs_14">权限设置</a>
				<!-- 头像下拉菜单 -->
				<div class="jzy_w_90 br_h_0 top_nav nav2">
					<p class="p"><a href="">新建权限</a></p>
					<p class="p"><a href="">角色列表</a></p>
				</div>
			</div>
		</div>
		<!--左侧主导航-->
		<div class="jzy_w_180 lt main_height main_left nav" style="background: #333744">
			<div class="nav-top">
				<div id="mini" style="background: #4a5064; text-align: center"><img src="/images/icon/suofang.png" width="20"></div>
			</div>
			<ul>
				<li class="nav-item" id="home">
					<a href="/page/home"><i class="my-icon nav-icon"></i><span>首页</span></a>
				</li>
				<li class="nav-item nav-show">
					<a href="javascript:;"><i class="my-icon nav-icon"></i><span>分类</span><i class="my-icon nav-more"></i></a>
					<ul>
						<li><a href="/page/LR"><span>LR</span></a></li>
						<li><a href="/page/SVM"><span>SVM</span></a></li>
						<li><a href="/page/modelList"><span>决策树</span></a></li>
						<li class="nav-show"><a href="/page/job"><span>贝叶斯</span></a></li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="javascript:;"><i class="my-icon nav-icon"></i><span>回归</span><i class="my-icon nav-more"></i></a>
					<ul>
						<li><a href="/page/MCAlgorithm"><span>最小二乘回归</span></a></li>
						<li><a href="/page/MLJoblist"><span>贝叶斯回归</span></a></li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="javascript:;"><i class="my-icon nav-icon"></i><span>聚类</span><i class="my-icon nav-more"></i></a>
					<ul>
						<li><a href=""><span>KNN</span></a></li>
						<li><a href=""><span>K-means</span></a></li>
						<li><a href=""><span>层次聚类</span></a></li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="javascript:;"><i class="my-icon nav-icon"></i><span>降维</span><i class="my-icon nav-more"></i></a>
					<ul>
						<li><a href="/page/PCA.html"><span>PCA</span></a></li>
						<li><a href=""><span>kernal-PCA</span></a></li>
						<li><a href=""><span>FactorAnalysis</span></a></li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="javascript:;"><i class="my-icon nav-icon"></i><span>集成</span><i class="my-icon nav-more"></i></a>
					<ul>
						<li><a href=""><span>Bagging</span></a></li>
						<li><a href=""><span>随机森林</span></a></li>
						<li><a href=""><span>GBDT</span></a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!--主内容框架-->
		<div class="main_height main_index lt" style="background: #f2f4f8;">
			<div class="layui-btn-group demoTable jzy_w_max br_h_0 tabTop">
				<span>创建任务</span>
			</div>
			<div class="main left">
				<div class="main-left width-100" style="margin-top:25px">
					<table class="content" border="0" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td class="left-txt"><span class="c-red">*</span>任务名称：</td>
								<td><input class="input-text" id="jobName" type="text" placeholder="输入任务名称"></td>
							</tr>
							<tr>
								<td class="left-txt"><span class="c-red">*</span>模型选择：</td>
								<td>
									<div id="AUTH-A" th:text="${modelname}" th:if="${not #strings.isEmpty(modelname)}"></div>
									<div id="AUTH-A" th:text="${modelname}" th:if="${#strings.isEmpty(modelname)}">选择模型</div>
									<!--隐藏域 用于记录已选中的ID号 : 格式为 ,ID,ID,ID,-->
									<input id="ID" name="role_auth_ids" type="hidden" style="display: none" value="">
								</td>
							</tr>
							<tr>
								<td class="left-txt"><span class="c-red">*</span>数据选择：</td>
								<td>
									<div id="AUTH-B">选择数据</div>
									<!--隐藏域 用于记录已选中的ID号 : 格式为 ,ID,ID,ID,-->
									<input id="IDa" name="role_auth_ids" type="hidden" value="">
								</td>
							</tr>
							<tr>
								<td></td>
								<td>
									<span><input class="Jun-TiJiao" id="exeJob" type="button" value="执行"></span>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!--多功能面板-->
		<!--权限列表弹窗-->
		<!--遮罩层-->
		<div id="mask" class="mask"></div>
		<div class="convenient" style="height:200px;max-height: 200px;overflow-y: scroll;">
			<div class="top"><span class="left">模型选择</span><span class="right"><button type="button" id="close">×</button></span></div>
			<!--已选区域-->
			<div id="YXZ">
				<span class="txt">已选区域: </span>
			</div>
			<!--未选区域-->
			<div id="WXZ">
				<span class="txt">可选区域: </span>
			</div>
			<!--确认区域-->
			<div id="TJ">
				<span class="txt"></span>
				<span class="right"><input id="anniu-1" class="anniu-1" name="" type="submit" value="确认"></span>
			</div>
		</div>
		<div id="maska" class="maska"></div>
		<div class="convenienta" style="height:200px;max-height: 200px;overflow-y: scroll;">
			<div class="top"><span class="left">数据选择</span><span class="right"><button type="button" id="closea">×</button></span></div>
			<!--已选区域-->
			<div id="YXZa">
				<span class="txt">已选区域: </span>
			</div>
			<!--未选区域-->
			<div id="WXZa">
				<span class="txt">可选区域: </span>
				<div id="1"><a>/data/BUCT_II/data/mnist_data</a><span>+</span></div>
				<div id="1"><a>/Users/jochen/Documents/lab/myth/Myth/Myth/data/mnist_data</a><span>+</span></div>
				<div id="1"><a>D:\Programsworkspace\myth\code\Mythnew\Myth\data\mnist_data</a><span>+</span></div>
			</div>
			<!--确认区域-->
			<div id="TJa">
				<span class="txt"></span>
				<span class="right"><input id="anniu-1a" class="anniu-1a" name="" type="submit" value="确认"></span>
			</div>
		</div>
		<!--弹窗添加或修改内容必备的代码-->
		<div id="show">
			<iframe id="popup" name="popup" marginwidth=0 width="100%" frameBorder=0 scrolling=yes></iframe>
		</div>
		<script type="text/javascript" src="/js/nav.js"></script>
		<script src="/js/jump.js"></script>
		<script type="text/javascript" th:inline="javascript">
			var layer=null;
			layui.use("layer",function(){
				layer = layui.layer;
			});
			/*<![CDATA[*/
			var uuid = /*[[${uuid}]]*/  null;
			/*]]>*/
			$.ajax({
                type: "POST",
				dataType: "json",
				async:false,
				url: "/ModelListAllforName.do",
				data:{},
				success: function (response) {
					if(response.status==0){
						console.log(response);
						var data=response.data;
						console.log( data.length);
						for(var i=0; i < data.length; i++){
							$("#WXZ").append('<div id=' + data[i].uuid + '><a>' + data[i].name + '</a><span>+</span></div>');
						}
					}
				},
				error : function(response) {
					console.log('error');
				}
             });

			$('#exeJob').on('click',function(){
                var filePath=$("#AUTH-B").text();
                var jobName=$("#jobName").val();
                if(uuid==null){
					uuid=$("#ID").val();
				};
                var modelId=uuid;
				$.ajax({
					type: "POST",
					dataType: "json",
					async:false,
					url: "/jobAdd.do",
					data:{
						"name":jobName,
						"model":modelId,
						"filePath": filePath
					},
					success: function (response) {
						if(response.status==0){
							console.log(response);
						}
					},
					error : function(response) {
						console.log('error');
					}
            	 });
		    });
		</script>
	</body>
</html>
